/* --------------
	   ui_thumbnails.css:图片缩略图
	   author: ywwei@wisedu.com
 ------------ */

/* 缩略图
----------------------------------------------------------------------------------------------------*/
.ui_thumbnails{
    margin-right: -5px;
    zoom:1
}
.ui_thumbnails:after{
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    content: "";
}
.ui_thumbnails li{
    float: left;
    display: inline;
    margin-bottom: 10px;
}
.ui_thumbnails img{
    text-decoration: none;
    display: block;
    border:#eee 1px solid;
    border-radius: 4px;
    padding: 3px;
    margin: 0 0 0 10px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
}
.ui_thumbnails a:hover img{
    border:#ccc 1px solid;
    text-decoration: none;
}
/*流动容器缩略图样式 + 垂直居中*/
.ui_thumbnail_img{
    display: table;
    *position: relative;
    *border:#eee 1px solid;
}
.ui_thumbnail_img a{
    text-decoration: none;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    *display: block;
    *position:relative;
    *top:50%;
    border:#eee 1px solid;
    *border:none;
    border-radius: 4px;
    padding: 3px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
}
.ui_thumbnail_img a:hover{
    border:#ccc 1px solid;
    *border:none;
    text-decoration: none;
}
.ui_thumbnail_img a img,
.ui_thumbnail_img a:hover img{
    border-radius: 0;
    border: none;
    padding: 0;
    margin: 0;
    display: inline;
    vertical-align: middle;
    *position:relative;
    *top:-50%;
}
/*图文模式*/
.ui_thumbnails h3{
    margin: 0;
    height:24px;
    word-break: keep-all;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    padding:0 10px 0 7px;
    font: bold 12px/2 "microsoft yahei";
    color: #666;
    text-align: center;
    _width: 90%;
}
.ui_thumbnails h3 a{
    color: #666;
    text-decoration: none;
}
.ui_thumbnails h3 a:hover{
    color: #f60;
}
.ui_thumbnails p{
    margin: 0;
    padding:0 10px 0 7px;
    font: normal 12px/18px "simsun";
    color: #666;
    height: 54px;
    overflow: hidden;
}
.ui_thumbnails p a{
    color: #444;
}
.ui_thumbnails p a:hover{
    color: #f60;
}